<template>
  <div class="mainRuler">
    <div class="ruler">
      <span>比例尺：</span>&nbsp;&nbsp;
      <Dropdown>
        1:1000&nbsp;&nbsp;&nbsp;&nbsp;
        <Icon type="ios-arrow-down"></Icon>
        <DropdownMenu slot="list">
          <DropdownItem>1:5000</DropdownItem>
          <DropdownItem>1:10000</DropdownItem>
          <DropdownItem>1:15000</DropdownItem>
        </DropdownMenu>
      </Dropdown>
    </div>
  </div>
</template>
<script>
export default {
  name: "ruler"
};
</script>
<style scoped>
.mainRuler {
  width: 155px;
  height: 30px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(221, 221, 221, 1);
  position: fixed;
  left: 280px;
  bottom: 46px;
  cursor: pointer;
  text-align: center;
  display: none;
}
.ruler {
  margin-top: 5px;
}
</style>
